﻿@inherits Kaleido.Util.Mvc.DynamicViewPage
@{
   
    var["sidebar"]["an_example"] = array(_["pos"] > "left", _["size"] > 2, _["full_height"] > false/*<- this sets wether the sidebar should be the full page height or not*/,
        _["tiles"] > array( /* Open the array of sidebar tiles */

     array(_["type"] > "custom", _["group"] > 0, _["x"] > 0, _["y"] > 0, _["width"] > 1, _["height"] > 1, _["background"] > "#11528f", _["url"] > "typography.php",
    _["content"] >
    "<div style='line-height:30px; margin-top:5px;'>"
    + "<div style='color:#FFF;font-size:43px;line-heigt:70px;'><strong>CHECK</strong></div>"
    + "<span style='color:#FFF;font-size:32px;'><strong>OUT</strong></span><span style='color:#BBB;font-size:32px;'>THE</span>"
    + "<div style='font-size:57px;line-height:30px;'>TYPO</div>"
    + "<div style='font-size:37px;line-height:40px;'>GRAPHY</div>"
    + "</div>"),

    array(_["type"] > "img", _["group"] > 0, _["x"] > 1, _["y"] > 0, _["width"] > 1, _["height"] > 1, _["background"] > "#0F6D32", _["url"] > "",
        _["img"] > "img/img3.jpg", _["desc"] > "By adding the CSS class 'noClock' to this tile, we've achieved that there is no hover effect!",
        _["showDescAlways"] > true, _["imgWidth"] > 1, _["imgHeight"] > 1,
        _["labelText"] > "Img Tile", _["labelColor"] > "#509601", _["labelPosition"] > "bottom", _["classes"] > "noClick")

        ), /* Close the array of sidebar tiles */
        _["load_plugins"] > array() /* Load plugins from the plugin folder so you can use tileplugins */
    );


    var["sidebar"]["some_info"] = array(_["pos"] > "left", _["size"] > 2, _["full_height"] > false/*<- this sets wether the sidebar should be the full page height or not*/,

        _["tiles"] > array( /* Open the array of sidebar tiles */

            array(_["type"] > "simple", _["group"] > 0, _["x"] > 0, _["y"] > 0, _["width"] > 1, _["height"] > 1, _["background"] > "#509601", _["url"] > "#", _["title"] > "Home", _["text"] > "Return to homepage"),

        /*	array("type"]>"flip",_["group"]>0,_["x"]>1,_["y"]>0,_["width"]>1,_["height"]>1,_["background"]>"#C82345",_["url"]>"",_["img"]>"img/metro_150x150.png",
        "text"]>"<h4 style="color:#FFF;margin-top:10px;" >Even plugins can work in sidebars!</h4>", "classes"]>"noClick"),*/

            array(_["type"] > "slide", _["group"] > 0, _["x"] > 0, _["y"] > 1, _["width"] > 2, _["height"] > 1, _["background"] > "#00BFFF", _["url"] > "accordions.php",
        _["text"] > "<h3>Check the accordions</h3>", _["img"] > "img/metro_slide_300x150_2.png", _["imgSize"] > 1,
        _["slidePercent"] > 0.40,
        _["slideDir"] > "up", // can be up, down, left or right
        _["doSlideText"] > true, _["doSlideLabel"] > true,
        _["labelText"] > "Accordions", _["labelColor"] > "#00BFFF", _["labelPosition"] > "top")

        ), /* Close the array of sidebar tiles */

        _["load_plugins"] > array("tileflip", "tileslide") /* Load plugins from the plugin folder so you can use tileplugins */
    );
}
